<div class="app-container with-tabbar" ng-controller="HomeController" style="padding-bottom: 45px;">
    <div class="app-content">
        <style type="text/css">
            .hometit { height: auto;width: auto;}
        </style>
        <div class="hometit">
            <img src="img/home_tit.jpg" style="width:100%;">
        </div>
    </div>
    <div class="app-content">
        <!-- Banner -->
        <div class="home-banner swiper-container" ng-if="banners && banners.length">
            <div class="swiper-wrapper">
                <div class="banner-slide swiper-slide" ng-repeat="banner in banners track by $index" ng-click="touchBanner(banner)">
                    <img ng-src="{{formatUrl(banner.img) || 'image/default-photo.png'}}" class="slide-image" />
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
        <!--
        <div class="homevideo" ng-click="goPreSales()" >
            <img src="img/home_1.jpg" style="width:100%;">
        </div>
        <div class="homevideo">
            <a href="/h5/#/srx/?sortKey=0&sortValue=0&category=19&navTitle=单品&navStyle=default"><img src="img/home_2.jpg" style="width:100%;"></a>
        </div>
        -->
    </div>
    <div class="app-content">
        <!-- 优选健康 -->
        <div class="home-product" style="margin-top:0;">
            <div class="product-header" >
                <a href="#/goods/?cat_id=3&navTitle=提货卡&navStyle=default">
                    <img ng-src="img/tit_1.png" style="width:100%;" />
                </a>
            </div>
                <div style="width:50%; padding: 0;float: left;height: 100%;">
                    <div style="max-height: 100%; border-right:1px solid #eeeeee;">
                        <!--<div class="item-photo" style="width: 125%;max-height: 190px;">-->
                        <div class="item-photo" style="">
                            <a href="#/goods-info?goods_id=6">
                                <img ng-src="http://oss.zhjiazhu.com/images/201807/xVM2GTdrD75YQu2TAKfxY2wLMNGrBkbirgd7GZsj.jpeg" lazy-img="" style="width:100%;height: 100%" />
                            </a>
                        </div>
                    </div>
                </div>
                <div style="width:50%;float: left;">
                    <div style="max-width:100%; padding: 0;">
                        <div style="width:100%;">
                            <div class="item-photo">
                                <a href="#/goods-info?goods_id=7">
                                    <img ng-src="http://oss.zhjiazhu.com/images/201807/a3xpvQHIJYpXTnAR6U5AwZqJE0lDgAhP8lXzyf85.jpeg" lazy-img="" style="width:100%; float: right; border-left:1px solid #eeeeee;" />
                                </a>
                            </div>
                        </div>
                    </div>
                    <div style="max-width:100%; padding: 0;">
                        <div style="width:100%;">
                            <div class="item-photo">
                                 <a href="#/goods-info?goods_id=8">
                                     <img ng-src="http://oss.zhjiazhu.com/images/201807/DFKPtgYXZjgnnbVXQk3C6rxvDT9OLbpRERK0y5uq.jpeg" lazy-img=""  style="width:100%; float: right; border-top:1px solid #eeeeee; border-left:1px solid #eeeeee;"/>
                                 </a>
                            </div>
                        </div>
                    </div>
                </div>
        </div>
        
        <!-- 热销推荐 -->
        <div class="home-product" >
            <div class="product-header" >
                <a href="#/goods/?cat_id=1&navTitle=单品&navStyle=default"><img ng-src="img/tit_2.png" style="width:100%;" />
                </a>
            </div>
                <div style="width:100%;padding:12px 0 0 0;">
                    <a href="#/goods-info?goods_id=19">
                        <img ng-src="http://oss.zhjiazhu.com/images/201807/kkoK2O2WKYZ8wopTLaSMzIRI29SyKpHkTZRvJF8a.jpeg" lazy-img="" style="width: 100%;"/>
                    </a>
                </div>
                <div style="width:100%;padding-top: 12px;">
                    <a href="#/goods-info?goods_id=20">
                        <img ng-src="http://oss.zhjiazhu.com/images/201807/RgKhX4D6ag4ofZsYd7H4efC4zCQ118GViowwFgj7.jpeg" lazy-img="" style="width: 100%;"/>
                    </a>
                </div>
                <div style="width:100%;padding-top: 12px;">
                    <a href="#/goods-info?goods_id=23">
                        <img ng-src="http://oss.zhjiazhu.com/images/201807/dAYChL44JEtOMHkH92yDJrDtwt4nZT6z9yELu1vU.jpeg" lazy-img="" style="width: 100%;"/>
                    </a>
                </div>
        </div>
        <!-- 主推礼盒 -->
        <div class="home-product">
            <div class="product-header">
                <a href="#/goods/?cat_id=2&navTitle=礼盒&navStyle=default"><img ng-src="img/tit_3.png" style="width:100%;" />
                </a>
            </div>
                <div style="width:50%; padding: 0;float: left;">
                    <div style="max-height: 100%;">
                        <div class="item-photo">
                            <a href="#/goods-info?goods_id=17">
                                <img ng-src="http://oss.zhjiazhu.com/images/201807/RElk39lqNa58rgs8S1qThQ4NJ3cGhwRzSNiGuN3J.jpeg" lazy-img="" style="width:100%;" />
                            </a>
                        </div>
                    </div>
                </div>
                <div style="width:50%; padding: 0;float: left;">
                    <div style="max-height: 100%; ">
                        <div class="item-photo">
                            <a href="#/goods-info?goods_id=34">
                                <img ng-src="http://oss.zhjiazhu.com/images/201807/AvdieVI9gKH4SNXcDBXcHgwIOouiA0oRuLeJnW7H.jpeg" lazy-img="" style="width:100%;" />
                            </a>
                        </div>
                    </div>
                </div>
                <div style="width:50%; padding: 0 0 10px 0;float: left;">
                    <div style="max-height: 100%; ">
                        <div class="item-photo">
                            <a href="#/goods-info?goods_id=35">
                                <img ng-src="http://oss.zhjiazhu.com/images/201807/g5izd9ZEcD2dUva4XWnmuJnMY2VbcLz5oExReqOA.jpeg" lazy-img="" style="width:100%;" />
                            </a>
                        </div>
                    </div>
                </div>
                <div style="width:50%; padding: 0 0 10px 0;float: left;">
                    <div style="max-height: 100%; ">
                        <div class="item-photo">
                            <a href="#/goods-info?goods_id=36">
                                <img ng-src="http://oss.zhjiazhu.com/images/201807/cJ3JxU8GGlVDWFgbe5vAoGMV5c3LLNHlLxlwQsTs.jpeg" lazy-img="" style="width:100%;" />
                            </a>
                        </div>
                    </div>
                </div>
        </div>
    </div>
    <div class="tabbar fixed-bottom">
        <div class="tab active" ng-click="goHome()">
            <img class="tab-icon" ng-src="image/tab-home-active.png" />
        </div>
        <div class="tab">
            <a href="#/goods/?cat_id=1&navTitle=热销产品&navStyle=default"><img class="tab-icon" ng-src="image/tab-category-normal.png" /></a>
        </div>
        <div class="tab" ng-click="goCart()">
            <img class="tab-icon" ng-src="image/tab-cart-normal.png" />
            <div class="tab-badge" ng-if="cartModel.total > 0">
                {{cartModel.total}}
            </div>
        </div>
        <div class="tab" ng-click="goProfile()">
            <img class="tab-icon" ng-src="image/tab-profile-normal.png" />
        </div>
    </div>
</div>
